.version-management-eng-box {
  .version-management-eng {
    display: flex;
    flex-direction: column;
    padding: 0px !important;
    flex: 1;
    overflow: auto;
    .ant-tabs-tab {
      max-height: 42px;
    }
    .vue-recycle-scroller__item-view {
      display: flex;
      align-items: flex-end;
    }
    .export-more {
      path {
        transition: 0.2s;
        fill: #9ea5b2;
      }
      &:hover {
        path {
          fill: #4e5160;
        }
      }
    }

    .ant-spin-nested-loading {
      height: calc(100% - 55px);
    }
    .ant-spin-container {
      height: 100%;
      overflow-y: auto;
    }
    .iframe-eng {
      display: none;
    }
    .list-group-item {
      // border: 1px solid @textColor4;
      // border-top-color: @blue2;
      // border-top-width: 2px;
      // box-sizing: border-box;
      // margin-top: -16px;
      // margin-left: -16px;
      // input {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      z-index: 8;
      overflow: hidden;
      border: 1px solid @textColor4!important;
      box-sizing: border-box !important;
      height: 36px !important;
      background-color: #fff !important;
      border-top-width: 2px !important;
      border-top-color: @blue2!important;
      padding: 0.5px;
      font-size: 12px;
      margin: 0 3px;
      cursor: move;
      // }

      input {
        border: none !important;
        background-color: #fff !important;
        padding: 0;
        font-size: 12px;
        &:focus {
          border: none !important;
        }
      }
    }
    .vm-label-span-box {
      position: relative;
      overflow: visible;
      border: 1px solid @textColor4;
      box-sizing: border-box;
      height: 40px;
      background-color: #fff !important;
      display: block;
      line-height: 40px;
      .vm-label-span {
        white-space: pre;
      }
      &::after {
        content: ";";
        position: absolute;
        right: -7px;
        bottom: -8px;
        font-size: 20px;
      }
    }

    .colon-data {
      &::after {
        content: ":";
        position: absolute;
        right: -7px;
        bottom: -8px;
        font-size: 20px;
      }
    }
    .ant-tabs-bar {
      margin-bottom: 8px;
    }
    .vm-label-tabs {
      display: flex;
      flex-direction: column;

      // .ant-tabs-content {
      //   padding-top: 40px;
      // }
    }

    .ant-tabs-content {
      flex: 1;
      overflow-y: auto;
      overflow-x: hidden;

      .draggable {
        width: 100%;
        // overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        // height: 32px;
        line-height: 32px;
        cursor: move;
      }
      .beauty-scroll();
      .ant-input-search {
        position: fixed;
        width: 175px;
        margin-top: -40px;
      }
    }
    .vue-recycle-scroller {
      position: absolute !important;
      width: calc(100% - 15px) !important;
      height: 100% !important;
      left: 13px !important;
      overflow: auto !important;
      z-index: 10;
    }
    .vue-recycle-scroller__item-wrapper {
      overflow: visible !important;
    }
    .vue-recycle-scroller__item-view {
      // height: 60px !important;
      .expand-arrow {
        display: none;
      }
      .tree-item {
        overflow: hidden;
        height: 32px;
      }
      .sub-tree {
        display: none;
      }
    }
    #myTable {
      table-layout: fixed;
      // width: 100%;
      border: none;
      overflow: hidden;

      tr {
        th:first-child {
          border: none;
        }
        // td:first-child{
        //   border: none;
        // }
      }
      thead {
        position: relative;
        z-index: 8;
      }
      tbody {
        position: relative;
        z-index: 7;
      }
      .vm-td {
        height: 60px;
        padding: 0;
        width: 13px;
        min-width: 13px;
        font-size: 12px;
        border-left: none;
        border-right: none;
        border-top: none;
        letter-spacing: -1px;
        background-color: #fff;
        position: relative;
        // border: none;
        &::after {
          content: "";
          width: 9999px;
          height: 1px;
          background: #ebecef;
          display: block;
          position: absolute;
          top: 59px;
          left: 0;
        }
      }

      .vm-th {
        text-align: center;
        padding: 0;
        width: 13px;
        letter-spacing: -1px;
        min-width: 13px;
        font-size: 12px;
        background-color: #fff;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        position: relative;
        color: #9ea5b2;
        &:first-child {
          width: 2px;
          min-width: 2px;
        }
        &::after {
          content: "";
          width: 1px;
          height: 9999px;
          background: #ebecef;
          display: block;
          position: absolute;
          top: 18px;
          right: 0;
        }
      }
    }
    .vm-th-im {
      color: #262a33 !important;
    }
    .vm-td-div {
      height: 38px;
      margin-left: 0px;
      width: 100%;

      .list-group-item:first-child {
        margin-left: 0 !important;
      }
      .vm-label-span-box:last-child {
        &::after {
          content: "";
        }
      }
    }
    .vm-tabs-main {
      display: flex;
      flex-direction: column;
      width: 185px;
      .ant-tabs {
        flex-basis: 50%;
      }
      .ant-tabs-nav .ant-tabs-tab {
        padding-left: 4px;
        padding-right: 4px;
        min-width: 65px;
        font-size: 12px;
        text-align: center;
        margin-right: 8px !important;
      }
    }
    .drag-item {
      height: 30px;
    }
    .undraggable {
      overflow: hidden;
      width: 100px;
      display: block;
    }
    .draggable {
      float: left;
      display: block;
    }
    .vm-jmsj-title {
      height: 44px;
      line-height: 44px;
      border-bottom: 1px solid #f0f0f0;
      overflow: hidden;
      padding-left: 16px;
    }
    .decoding-box-item {
      border: 1px solid @border-color;
      box-sizing: border-box;
      overflow: hidden;
      border-top: none;
      height: 100%;
      .beauty-scroll();
    }
    .rows-bar {
      width: 100%;
      display: flex;
      flex-direction: column;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 38px;
      span {
        width: 18px;
        height: 50px;
        display: flex;
        align-items: flex-end;
      }
    }
    .cols-bar {
      display: flex;
      justify-content: space-between;
      position: absolute;
      width: 100%;
      top: 0;
      margin-top: 20px;
      padding-left: 18px;
      span {
        height: 18px;
      }
    }
    // .vm-tr {
    //   border-bottom: 1px solid #f0f0f0;
    // }
  }
  .p-vm-l {
    margin-left: -15px;
  }

  .p-vm-btn-box {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 9;
  }

  #vm-pp-t-96-2 {
    padding: 12px;
    height: 108px !important;
  }
  #vm-pp-t-96,
  #vm-pp-t-96-2 {
    border-top: 16px solid #e5e8ed !important;
  }

  #vm-pp-t-96 {
    margin-top: 0 !important;
  }

  .his-item-box {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    padding-left: 8px;
  }

  .his-item-box {
    svg {
      display: none;
    }
  }
  .his-item-box-ac {
    background-color: #f9f9fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 4px;
    border-left: 3px solid #30329c;
    padding-left: 8px;
    svg {
      display: inline;
      path {
        fill: @textColor3;
      }
    }
  }
  .ant-layout {
    background-color: #e5e8ed !important;
  }

  .decoding-box-item-3 {
    height: 100% !important;
  }

  .vm-td-p-m-0 {
    padding: 0;
    margin: 0;
  }
  .coding-design-box {
    width: 100px;
    flex: 1;
  }
  .sortable-ghost {
    display: none;
  }
  .coding-desgin-main-box {
    display: flex;
  }
  .p16-a {
    padding: 16px;
    position: relative;
  }
  td:not(.ssssable) {
    background-color: #e4e8ed;
    // min-height: 26px;
    // height: 26px;
    min-width: 10px;
  }
  // .touter {
  //   width: 50% !important;
  // }

  table .expand-arrow {
    display: none;
  }
  .vue-codemirror {
    position: absolute;
    top: 158px;
    left: 187px;
    width: calc(100% - 189px);
    height: calc(100% - 163px);
    .cm-s-idea {
      height: 100%;
    }
  }
}
.left-number-span {
  display: inline-flex;
  width: 20px;
  font-size: 12px;
}
.vue-codemirror {
  .CodeMirror-vscrollbar {
    .beauty-scroll();
  }
}
.ant-spin-container {
  .beauty-scroll();
}
